<template>
  <div class="about">
    <p>{{count}}</p>
    <button @click="count.age++">修改age</button>
  </div>
</template>

<script lang="ts">
import {defineComponent} from "vue";
export default defineComponent({
    name:"AboutView",
})
</script>

<script lang="ts" setup>
import {reactive, ref} from "vue";

const count = reactive({
    name:"xiaoqi",
    age:12,
})

</script>

<style lang="scss" scoped>
.about{
  height: 600px;
  width: 100%;
  border: 1px solid #2c3e50;
}
</style>